.container {
	display: flex;
	flex-direction: column;
	height: 100vh;
	background-color: #f0f2f5;
}

.content-wrapper {
	flex: auto;
	padding: 12px 0;
}

.content {
	display: flex;
	margin: 0 24px;
	height: 100%;

	.left {
		padding: 0 12px;
		width: 305px;
		background-color: #fff;
	}
	.main {
		overflow: hidden;
		position: relative;
		flex: 1;

		.canvas-wrapper {
			overflow: auto;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 400px;
			height: 90%;
			background-color: #fff;
			box-shadow: 0 2px 10px #c4c4c4;
			transform: translateX(-50%) translateY(-50%);
		}
	}

	.right {
		padding: 0 12px;
		width: 300px;
		background-color: #fff;;
	}
}